<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/taglibs.jspf" %>
<!DOCTYPE html>
<html>
<head>
    <title><spring:message code="sys.common.treeselect.title" /></title>
    <meta name="decorator" content="form"/>
    <script src="${staticPath}/plugins/dragBox/rightspluging.js?v=1.0.0" type="text/javascript"></script>
    <script src="${staticPath}/plugins/dragBox/ajaxmanager.js?v=1.0.0" type="text/javascript"></script>
    <style>

        .e8_box_topmenu{
            width: 100%;
            height: 40px;
            /*border-top: 1px solid #dadada;*/
            line-height:40px;
            text-align:left;
            border-collapse:collapse;
        }

        .e8_box_topmenu input{
            height:22px;
            /*width:180px;*/
        }

        .e8_box_bottommenu{
            padding: 2px;
            width: 99%;
            height: 25px;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            clear: left;
            position: relative;
            background-color:#f5f5f5;
        }
        .e8_box_pageinfo1{
            position: absolute;
            left: 8px;
            margin-top: 2px;
            width: 100px;

        }
        .e8_box_pageinfo2{
            position: absolute;
            left: 120px;
            margin-top: 4px;
            width: 75px;

        }
        .e8_box_preimg{
            position: absolute;
            right: 25px;
            top: 4px;


        }
        .e8_box_nextimg{
            position: absolute;
            right: 8px;
            top: 4px;
        }
        .e8_box_pagesize{
            margin-left: 3px;
            margin-right: 3px;
        }
        .e8_box_middle{
            height: 225px;
            overflow: auto;
            position:relative;
            border: 1px solid #e6e6e6;
        }
        .e8_box_s{
            float:left;
            width: 267px;
            /*border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;*/
            height: 304px;
            text-indent: 0;
            color:#7f7c7c;
        }
        .e8_box_slice{
            position: relative;
            float:left;
            width: 10%;
            height: 280px;
            text-indent: 0;
            overflow: auto;
            text-align:center;
            /*border-top:1px solid #ccc;
            border-bottom: 1px solid #ccc;*/
        }
        .e8_box_d {
            width: 267px;
            float: left;
            /*border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;*/
            height: 304px;
            text-indent: 0;
            color:#7f7c7c;
        }
        .e8_box_s  td{
            vertical-align: middle;
            text-align: left;
            border-bottom: 1px solid #f3f2f2;
            height:30px;
            color:#242424;
            overflow:hidden;
            text-overflow:ellipsis;
            word-break:break-all;
            word-wrap:break-word;
            /*white-space: nowrap;*/
        }
        .e8_box_d  td{
            vertical-align: middle;
            text-align: left;
            border-bottom: 1px solid #f3f2f2;
            height:30px;
            color:#242424;
            overflow:hidden;
            text-overflow:ellipsis;
            word-break:break-all;
            word-wrap:break-word;
            /*white-space: nowrap;*/
        }
        .e8_box_mutiarrow{
            /*position: absolute;
            top: 140px;
            left: 9px;*/
            margin-top:10px;
            cursor:pointer;
        }
        .e8_first_arrow{
            margin-top:65px;
        }

        .e8_last_arrow{
            /*margin-top:85px;*/
        }

        .e8_box_search {
            /*height: 24px;
            margin-left: 5px;
            width: 70px;*/
            position:absolute;
            top:22px;
            cursor:pointer;
        }

        .e8_box_search_src{
            left:205px;
        }

        .e8_box_search_dest{
            left:548px;
        }
        .e8_box_search_del{
            left:580px;
        }


        .e8_box_s thead td,.e8_box_d thead td{
            background-color:rgb(248, 248, 248);
            border-bottom:2px solid #b7e0fe;
            white-space:nowrap;
            color:#000;
        }

        .e8_box_searchitem{

        }

    </style>
</head>

<body class="white-bg">
<div id='colShow'></div>
<script type="text/javascript">
    var parentWin = null;
    var dialog = null;
    var config = null;
    jQuery(document).ready(function(){
           showColDialog();
    });

    function showColDialog(){
        var pageId = '${pageId}';
        config= rightspluging.createConfig();
        config.srchead=['列名'];
        config.container =$("#colShow");
        config.searchLabel="";
        config.srcLabel = '待选';
        config.targetLabel = '已选';
        config.hiddenfield="id";
        config.saveLazy = true;//取消实时保存
        config.saveurl= "${appPath}/system/column/save?ts="+new Date().getTime()+"&src=save&pageId="+pageId;
        config.srcurl = "${appPath}/system/column/getColData?ts="+new Date().getTime()+"&src=src&pageId="+pageId;
        config.desturl = "${appPath}/system/column/getColData?ts="+new Date().getTime()+"&src=dest&pageId="+pageId;
        config.delteurl= "${appPath}/system/column/save?ts="+new Date().getTime()+"&src=remove&pageId="+pageId+"&isNot=1";
        config.pagesize = 100;
        jQuery("#colShow").html("");
        rightspluging.createRightsPluing(config);
    }

    function saveShowColInfo(){
        var saveurl = config.saveurl + "&id="+jQuery("#systemIds").val();
        ajaxHandler(saveurl, "", "", "json", false);
    }
</SCRIPT>
</body>
</html>